<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="demo.css">
</head>
<body>
    <div class="top">
        <div class="box-top">
            <!-- <div class="box-top-left">
                </div>
                <div class="box-top-right">
                </div> -->
            <img src="../exports/logo@1x.png" alt="">
        </div>
        <div class="box-bottom">
            <div class="box-bottom-left">
                这里仿佛一个由图书搭建而成的世外桃源
                暂时抛却而众多的压力<br/>
                在这里寻到一丝心灵的小憩<br />
                或许畅游在浩瀚书海<br />
                或许漫步于文字丛林<br />
                那份宁静的心境<br />
                是图书馆带给我们独一无二的宝藏
                
            </div>
            <div class="box-bottom-left2">
                拾得那一片字句<br />
                放入口中细细咀嚼<br />
                品一口清茗<br />
                翻开一本书便是一场美好的邂逅
            </div>
            <div class="box-bottom-right">
                <div class="box-bottom-right-zi">
                    注册
                </div>
                <div class="box-bottom-right-middle">
                    <ul>
                        <li><input type="text" placeholder="邮箱" class="input"></li>
                        <li><input type="text" placeholder="用户名" class="input"></li>
                        <li><input type="text" placeholder="密码" class="input"></li>
                        <li><input type="text" placeholder="再次输入密码" class="input"></li>
                        <li><input type="text" placeholder="验证（期数+方向+姓名）" class="input"></li>
                        <li><input type="text" placeholder="验证码" class="input" style="width: 223px;"></li>
                        
                    </ul>
                    

                    <!-- <div class="box-bottom-right-middle1">1</div>
                        <div class="box-bottom-right-middle2">2</div>
                        <div class="box-bottom-right-middle3">3</div> -->
                </div>
                <!-- <div class="box-bottom-right-zi2">
                    <a href="demo.html"> 忘记用户名/密码 </a>
                </div> -->
    
                <!-- <input type="button"class="box-bottom-right-btn" value="登录" /> -->
                <a href="#" class="box-bottom-right-btn">登录</a>
    
    
                <div class="box-bottom-right-bottom"></div>
            </div>
        </div>
    </div>
</body>
</html>